@extends('main.layout')
@section('link')
    <title>艺点意创-品牌顾问,创意设计,传播执行,线上最大品牌创意整合机构</title>
    <meta content="品牌管理,全案策划,logo设计,UI设计,SI设计,工业设计,景观设计,包装设计,网站建设,物料印刷" name='Keywords'>
    <meta content="艺点意创是中国线上最大的品牌创意整合机构，是国内最优秀的LOGO设计、品牌管理全案与标志VI设计公司之一，先后服务宗申、冬奥会、故宫、蒙牛、乌镇、猪八戒等超过5万家企业，是CCTV唯一报道的线上创意服务商。" name='Description'>
    <base target="_blank">
    <link rel="stylesheet" type="text/css" href="/css/home/index.css"/>
    <script src="/js/home/y_script.js" type="text/javascript" charset="utf-8"></script>
    {{--<script>--}}
        {{--var abc = document.getElementsByClassName("h_p2")[0].innerHTML;--}}
        {{--var a = abc.slice(0,40) +"...";--}}
        {{--document.getElementsByClassName("h_p2")[0].innerHTML = a;--}}
    {{--</script>--}}
@endsection
@section('content')
    <div id="y_body">
        <!-- 左侧 -->
        <div id="y_SideNavBox">
            <!--<div id="y_SideNavBn">-->
            <div id="y_SideNav1">
                <div class="y_snab">
                    <div class="y_sidenavbigb">B</div>
                    <div id="y_1a" class="y_sidenavmedb">
                        {{ $productCate[0]['name'] }}
                    </div>
                    <div id="y_1b" class="y_sidenavsmallb">
                        BRAND MANAGEMENT
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="y_snbb">
                    <div id="y_1c" class="y_snblefttextb">
                        <ul>
                            <li style="width: auto; padding-right: 5px;"><a href="/case?type=4">全案CI策划</a></li>
                            <li style="width: auto; padding-right: 5px;"><a href="/case?type=5">企业战略规划</a></li>
                            <li style="width: auto; padding-right: 5px;"><a href="/case?type=8">产品营销推广</a></li>
                            <li style="width: auto; padding-right: 5px;"><a href="/case?type=9">公关活动策划</a></li>
                            <li style="width: auto; padding-right: 5px;"><a href="/case?type=10">社会化营销策划</a></li>
                            <li style="width: auto; padding-right: 5px;"><a href="/case?type=11">新媒体推广</a></li>
                            <li style="width: auto; padding-right: 5px;"><a href="/case?type=6">品牌认知形象定位</a></li>
                            <li style="width: auto; padding-right: 5px;"><a href="/case?type=24">全域旅游</a></li>
                            <li style="width: auto; padding-right: 5px;"><a href="/case?type=7">产品认知形象定位</a></li>
                            <li style="width: auto; padding-right: 5px;"><a href="/case?type=25">县域经济</a></li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div id="y_SideNav2">
                <div class="y_snab">
                    <div class="y_sidenavbigb">C</div>
                    <div id="y_2a" class="y_sidenavmedb">
                        {{ $productCate[1]['name'] }}
                    </div>
                    <div id="y_2b" class="y_sidenavsmallb">
                        CREATIVE DESIGN
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="y_snb">
                    <div id="y_2c" class="y_snblefttextb">
                        <ul class="white">
                            {{--@foreach($productCate[1]['underling'] as $second)--}}
                            {{--<li><a href="/case?type={{ $second['id'] }}">{{ $second['name'] }}</a></li>--}}
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=12">LOGO/VI设计</a></li>
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=14">UI设计</a></li>
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=13">产品包装设计</a></li>
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=15">SI设计</a></li>
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=17">建筑规划设计</a></li>
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=18">工业设计</a></li>
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=16">景观设计</a></li>
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=26">画册宣传物料设计</a></li>
                            {{--@endforeach--}}
                            <div class="clear"></div>
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div id="y_SideNav3">
            {{--<div onmouseover="setcolor('y_SideNav3')" id="y_SideNav3">--}}
                <div class="y_snab">
                    <div class="y_sidenavbigb">S</div>
                    <div id="y_3a" class="y_sidenavmedb">
                        {{ $productCate[2]['name'] }}
                    </div>
                    <div id="y_3b" class="y_sidenavsmallb">
                        SPREAD EXECUTION
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="y_snbb">
                    <div id="y_3c" class="y_snblefttextb">
                        <ul>
                            {{--@foreach($productCate[2]['underling'] as $three)--}}
                            {{--<li><a href="/case?type={{ $three['id'] }}">{{ $three['name'] }}</a></li>--}}
                            {{--<li><a href="#">微信后台开发</a></li>--}}
                            {{--<li><a href="#">APP后台开发</a></li>--}}
                            {{--<li><a href="#">物料印刷</a></li>--}}
                            {{--<li><a href="#">创意视频</a></li>--}}
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=19">网站开发建设</a></li>
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=20">物料印刷</a></li>
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=23">微信后台开发</a></li>
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=22">APP开发</a></li>
                                <li style="width: auto; padding-right: 5px;"><a href="/case?type=21">视频拍摄</a></li>
                            {{--@endforeach--}}
                            <div class="clear"></div>
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <!--</div>-->
        </div>
        <!-- 轮播 -->
        <div id="y_BodyB1Box">
            <div id="y_BodyB1">
                <div id="slideAllBox">
                    <div id="slideBox" style="cursor: pointer">
                        <img id="y_slideT7" class="slideText7" src="{{$slide[6]->picture}}"/>
                        <img id="y_slideT6" class="slideText6" src="{{$slide[5]->picture}}"/>
                        <img id="y_slideT5" class="slideText5" src="{{$slide[4]->picture}}"/>
                        <img id="y_slideT4" class="slideText4" src="{{$slide[3]->picture}}"/>
                        <img id="y_slideT3" class="slideText3" src="{{$slide[2]->picture}}"/>
                        <img id="y_slideT2" class="slideText2" src="{{$slide[1]->picture}}"/>
                        <img id="y_slideT1" class="slideText1" src="{{$slide[0]->picture}}"/>
                    </div>
                    <div id="buoyBox">
                        <div id="buoys">
                            <img id="y_slibiaoT7" class="slideText7" src="/image/home/y_p1b1t3.jpg"/>
                            <img id="y_slibiaoT6" class="slideText6" src="/image/home/y_p1b1t3.jpg"/>
                            <img id="y_slibiaoT5" class="slideText5" src="/image/home/y_p1b1t3.jpg"/>
                            <img id="y_slibiaoT4" class="slideText4" src="/image/home/y_p1b1t3.jpg"/>
                            <img id="y_slibiaoT3" class="slideText3" src="/image/home/y_p1b1t3.jpg"/>
                            <img id="y_slibiaoT2" class="slideText2" src="/image/home/y_p1b1t3.jpg"/>
                            <img id="y_slibiaoT1" class="slideText1" src="/image/home/y_p1b1t2.jpg"/>
                        </div>
                    </div>



                </div>

                <div class="clear">

                </div>
            </div>
            <div id="y_BodyB2">

            </div>
        </div>
        <!-- 品牌优势 -->
        <div class="x_Brand">
            <div class="x_Brand_content">
                <div class="x_Brand_con">
                    <div class="x_Brand_con_left">
                        <div class="x_tu">
                            <div class="x_bai"></div>
                        </div>
                        <div class="x_Brand_title">
                            <div class="x_Brand_tit">BRAND</div>
                            <div class="x_Brand_tit1">Advantage</div>
                            <div class="x_Brand_tit2">品牌优势</div>
                            <a href="/about"><div class="x_Brand_more">查看更多&nbsp;<span>&rarr;</span></div></a>
                        </div>
                    </div>
                    <div class="x_Brand_con_right">
                        <div class="x_Brand_cons">
                            <img src="/image/home/xian.png" />
                            <div class="x_Brand_cons_tit">互联网创意服务</div>
                            <div class="x_Brand_cons_des">
                                用互联网思维<br >改造传统广告创意行业服务模式
                            </div>
                        </div>
                        <div class="x_Brand_cons">
                            <img src="/image/home/xian.png" />
                            <div class="x_Brand_cons_tit">众多合作伙伴</div>
                            <div class="x_Brand_cons_des">
                                2022冬奥会品牌设计合作伙伴<br >宗申集团、猪八戒、韩都衣舍、故宫、<br>
                                乌镇、蒙牛等企业战略合作伙伴
                            </div>
                        </div>
                        <div class="x_Brand_cons">
                            <img src="/image/home/xian.png" />
                            <div class="x_Brand_cons_tit">媒体关注明星</div>
                            <div class="x_Brand_cons_des">
                                首家CCTV《新闻联播》专题报道<br >互联网创意服务创业企业
                            </div>
                        </div>
                        <div class="x_Brand_cons">
                            <img src="/image/home/xian.png" />
                            <div class="x_Brand_cons_tit">打造全国布局</div>
                            <div class="x_Brand_cons_des">
                                围绕华北、华南、华东、西南<br >4大区落位<span>9</span>大城市<span>11</span>座分部
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 我们的服务 -->
        <div class="z_services_bg">
            <div class="z_services_box">
                <div class="z_services_tital_bg">
                    <img src="/image/home/services.jpg" width="490" height="310">
                    <div class="z_services_tital_box">
                        <div class="x_Brand_tit1">Our</div>
                        <div style="margin-top:0px; " class="x_Brand_tit">SERVICES</div>
                        <div class="x_Brand_tit2">我们的服务</div>
                        <a href="/service"><div class="x_Brand_more">查看更多&nbsp;<span>&rarr;</span></div></a>
                    </div>
                </div>
                <div class="z_services_type_bg">
                    <div class="z_services_type">
                        <div class="z_services_type_tital_box">
                            <div class="z_services_type_tital_letter">B</div>
                            <div class="z_services_type_tital">
                                <p>{{ $productCate[0]['name'] }}</p>
                                <span>BRAND MANAGEMENT</span>
                            </div>
                        </div>
                        <ul>
                            @foreach($productCate[0]['underling'] as $first)
                                <li><a href="/case?type={{ $first['id'] }}">{{ $first['name'] }}</a></li>
                            @endforeach
                            {{--<li>品牌全案</li>--}}
                            {{--<li>战略策划</li>--}}
                            {{--<li>形象定位</li>--}}
                            {{--<li>品牌文案</li>--}}
                            {{--<li>营销推广</li>--}}
                            {{--<li>公关活动</li>--}}
                            {{--<li>社会化营销</li>--}}
                            {{--<li>新媒体推广</li>--}}
                            <div class="clear"></div>
                        </ul>
                        {{--<a href=""><div class="z_services_more">查看更多&nbsp;<span>&rarr;</span>--}}
                            {{--</div></a>--}}
                    </div>
                </div>
                <div style="margin: 0px 19px;" class="z_services_type_bg">
                    <div class="z_services_type">
                        <div class="z_services_type_tital_box">
                            <div class="z_services_type_tital_letter">C</div>
                            <div class="z_services_type_tital">
                                <p>{{ $productCate[1]['name'] }}</p>
                                <span>CREATIVE DESIGN</span>
                            </div>
                        </div>
                        <ul>
                            @foreach($productCate[1]['underling'] as $second)
                                <li><a href="/case?type={{ $second['id'] }}">{{ $second['name'] }}</a></li>
                            @endforeach
                            {{--<li>品牌设计</li>--}}
                            {{--<li>包装设计</li>--}}
                            {{--<li>UI设计</li>--}}
                            {{--<li>SI设计</li>--}}
                            {{--<li>工业设计</li>--}}
                            {{--<li>景观设计</li>--}}
                            <div class="clear"></div>
                        </ul>
                        {{--<a href=""><div class="z_services_more">查看更多&nbsp;<span>&rarr;</span>--}}
                            {{--</div></a>--}}
                    </div>
                </div>
                <div class="z_services_type_bg">
                    <div class="z_services_type">
                        <div class="z_services_type_tital_box">
                            <div class="z_services_type_tital_letter">S</div>
                            <div class="z_services_type_tital">
                                <p>{{ $productCate[2]['name'] }}</p>
                                <span>SPREAD EXECUTION</span>
                            </div>
                        </div>
                        <ul>
                            @foreach($productCate[2]['underling'] as $three)
                                <li><a href="/case?type={{ $three['id'] }}">{{ $three['name'] }}</a></li>
                            @endforeach
                            {{--<li>网站开发建设</li>--}}
                            {{--<li>物料印刷</li>--}}
                            {{--<li>创意视频</li>--}}
                            {{--<li>微信后台开发</li>--}}
                            {{--<li>APP后台开发</li>--}}
                            <div class="clear"></div>
                        </ul>
                        {{--<a href=""><div class="z_services_more">查看更多&nbsp;<span>&rarr;</span>--}}
                            {{--</div></a>--}}
                    </div>
                </div>
                <div class="clear"></div>
                <div class="z_services_choose_bg">
                    @foreach($industry as $i)
                        <a href="/case?industry={{$i['id']}}"><div class="z_services_choose"><p>{{ $i['name'] }}</p></div></a>
                    @endforeach
                    {{--<div class="z_services_choose"><p>餐饮</p></div>--}}
                    {{--<div class="z_services_choose"><p>互联网科技</p></div>--}}
                    {{--<div class="z_services_choose"><p>金融</p></div>--}}
                    {{--<div class="z_services_choose"><p>教育</p></div>--}}
                    {{--<div class="z_services_choose"><p>医药</p></div>--}}
                    {{--<div class="z_services_choose"><p>食品</p></div>--}}
                    {{--<div class="z_services_choose"><p>服饰</p></div>--}}
                    {{--<div class="z_services_choose"><p>化妆品</p></div>--}}
                    {{--<div class="z_services_choose"><p>影视娱乐</p></div>--}}
                    {{--<div class="z_services_choose"><p>医疗保健</p></div>--}}
                    {{--<div class="z_services_choose"><p>地产</p></div>--}}
                    {{--<div class="z_services_choose"><p>旅游服务</p></div>--}}
                    {{--<div class="z_services_choose"><p>电商</p></div>--}}
                    {{--<div class="z_services_choose"><p>服饰</p></div>--}}
                    {{--<div class="z_services_choose"><p>制造业</p></div>--}}
                    {{--<div class="z_services_choose"><p>日用品</p></div>--}}
                    {{--<div class="z_services_choose"><p>农产品</p></div>--}}
                    {{--<div class="z_services_choose"><p>酒水饮料</p></div>--}}
                    {{--<div class="z_services_choose"><p>影视娱乐</p></div>--}}
                    {{--<div class="z_services_choose"><p>医疗保健</p></div>--}}
                </div>
            </div>
        </div>
        <!-- 商标 -->
        <div class='m_logo'>
            <div class="m_logo_content">
                <ul>
                    <li style="height: 300px;width: 400px;"><a href="/case/detail/29" ><span style="height: 300px;width: 400px;"><img src="/image/home/logo/LOGO_01.gif"/></span></a></li>
                    <li><a href="/case/detail/135" ><span><img src="/image/home/logo/LOGO_02.png"/></span></a></li>
                    <li><a href="/case/detail/96" ><span class="m_bgcolor"><img src="/image/home/logo/LOGO_03.png" /></span></a></li>
                    <li><a href="/case/detail/9" ><span><img src="/image/home/logo/LOGO_04.png" /></span></a></li>
                    <li><a href="/case/detail/75" ><span class="m_bgcolor"><img src="/image/home/logo/LOGO_05.png" /></span></a></li>
                    <li><a href="/case/detail/136" ><span><img src="/image/home/logo/LOGO_06.png" /></span></a></li>
                    <li><a href="/case/detail/33" ><span class="m_bgcolor"><img src="/image/home/logo/LOGO_07.png" /></span></a></li>
                    <li><a href="/case/detail/137" ><span><img src="/image/home/logo/LOGO_08.png" /></span></a></li>
                    <li><a href="/case/detail/32" ><span class="m_bgcolor"><img src="/image/home/logo/LOGO_09.png" /></span></a></li>
                    <li><a href="/case/detail/78" ><span><img src="/image/home/logo/LOGO_10.png" /></span></a></li>
                    <li><a href="/case/detail/138" ><span class="m_bgcolor"><img src="/image/home/logo/LOGO_11.png" /></span></a></li>
                    <li><a href="/case/detail/31" ><span><img src="/image/home/logo/LOGO_12.png" /></span></a></li>
                    <li><a href="/case/detail/17" ><span class="m_bgcolor"><img src="/image/home/logo/LOGO_13.png" /></span></a></li>
                    <li><a href="/case/detail/12" ><span><img src="/image/home/logo/LOGO_14.png" /></span></a></li>
                    <li><a href="/case/detail/8" ><span class="m_bgcolor"><img src="/image/home/logo/LOGO_15.png" /></span></a></li>
                    <li><a href="/case/detail/39" ><span><img src="/image/home/logo/LOGO_16.png" /></span></a></li>
                    <li><a href="/case/detail/122" ><span class="m_bgcolor"><img src="/image/home/logo/LOGO_17.png" /></span></a></li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
        <!-- 三大块案例 -->
        <div class="x_brand">
            <div class="x_brand_content">
                <div class="x_brand_top">
                    <div class="x_brand_top_left">
                        <div class="x_brand_tit">BRAND</div>
                        <div class="x_brand_tit1">Management</div>
                        <div class="x_brand_tit2">{{ $productCate[0]['name'] }}</div>
                        <div class="x_brand_tit3">在互联网模式下，重塑品牌价值，<br>实现品牌顶层构建，让品牌更具影响力！</div>
                    </div>
                    <div class="x_brand_top_right">
                        <img src="/image/home/class/bbig.jpg">
                    </div>
                </div>
                <div class="x_brand_xia">
                    <div class="x_brand_xia_title">
                        <div class="x_brand_xia_title_left">
                            @foreach($productCate[0]['underling'] as $f=> $first)
                                @if(count($productCate[0]['underling']) == $f+1)
                                <a href="/case?type={{ $first['id'] }}" style="color: #444">{{ $first['name'] }}</a>
                                @else
                                    <a href="/case?type={{ $first['id'] }}" style="color: #444">{{ $first['name'] }}</a> /
                                @endif
                            @endforeach
                            {{--品牌全案 / 战略规划 / 形象定位 / 营销推广 / 公关活动 / 社会化营销 / 品牌文案 / 新媒体推广--}}
                        </div>
                        <a href="/service#B"><div class="x_more">
                                查看更多 >
                            </div></a>
                    </div>
                    <div class="x_brand_xia_con">
                        {{--@foreach($productCate[0]['underling'] as $f=> $first)--}}
                            {{--@if( $f < 6)--}}
                                {{--<a href="/case?type={{ $first['id'] }}"><div class="x_brand_cons">--}}
                                        {{--<img src="/image/home/class/b_1.jpg" />--}}
                                        {{--<div class="x_mores">查看更多 →</div>--}}
                                        {{--<div class="x_brand_cons_con">--}}
                                            {{--<div class="x_brand_cons_des">--}}
                                                {{--<span>{{ $first['name'] }}</span><br>--}}
                                                {{--品牌全案策划品牌全案策划品牌全案策划--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div></a>--}}
                            {{--@endif--}}
                        {{--@endforeach--}}
                            <a href="/case?type=4"><div class="x_brand_cons">
                                    <img src="/image/home/class/bh_1.jpg" />
                                    <div class="x_mores">查看更多 →</div>
                                    <div class="x_brand_cons_con">
                                        <div class="x_brand_cons_des">
                                            <span>全案CI策划</span><br>
                                            {{--更懂互联网、更懂创意力、更懂营销力，实现品牌顶层构建。--}}
                                        </div>
                                    </div>
                                </div></a>
                            <a href="/case?type=5"><div class="x_brand_cons">
                                    <img src="/image/home/class/bh_2.jpg" />
                                    <div class="x_mores">查看更多 →</div>
                                    <div class="x_brand_cons_con">
                                        <div class="x_brand_cons_des">
                                            <span>企业战略规划</span><br>
                                            {{--解决的是企业的根本属性问题，强化品牌战略与战略管理的协同作用，彰显企业文化，把握目标受众充分传递企业的产品与品牌文化的关联。--}}
                                        </div>
                                    </div>
                                </div></a>
                            <a href="/case?type=6"><div class="x_brand_cons">
                                    <img src="/image/home/class/bh_3.jpg" />
                                    <div class="x_mores">查看更多 →</div>
                                    <div class="x_brand_cons_con">
                                        <div class="x_brand_cons_des">
                                            <span>品牌认知形象定位</span><br>
                                            {{--细化品牌市场定位，对特定的品牌在文化取向及个性差异上的商业性决策，多维度解读品牌深层次含义，多层面表现品牌形象。--}}
                                        </div>
                                    </div>
                                </div></a>
                            <a href="/case?type=7"><div class="x_brand_cons">
                                    <img src="/image/home/class/bh_4.jpg" />
                                    <div class="x_mores">查看更多 →</div>
                                    <div class="x_brand_cons_con">
                                        <div class="x_brand_cons_des">
                                            <span>产品认知形象定位</span><br>
                                            {{--以用户为导向，围绕场景构建，直击用户痛点，深入产品认知形象，提升用户心智占有度。--}}
                                        </div>
                                    </div>
                                </div></a>
                            <a href="/case?type=8"><div class="x_brand_cons">
                                    <img src="/image/home/class/bh_5.jpg" />
                                    <div class="x_mores">查看更多 →</div>
                                    <div class="x_brand_cons_con">
                                        <div class="x_brand_cons_des">
                                            <span>产品营销推广方案</span><br>
                                            {{--最好的品牌是产品本身，以产品反哺品牌核心，打造工匠型产品，塑造品牌优势，重塑品牌力量。--}}
                                        </div>
                                    </div>
                                </div></a>
                        <a href="/case?type=9"><div class="x_brand_cons">
                                <img src="/image/home/class/bh_6.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>公关活动策划</span><br>
                                        {{--公关活动是深谙策略之道的自我展示，我们把“创意”“事件”“流量”落点在企业品牌形象之上，让品牌及营销更具影响力。--}}
                                    </div>
                                </div>
                            </div></a>
                        <a href="/case?type=24"><div class="x_brand_cons">
                                <img src="/image/home/class/bh_7.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>全域旅游</span><br>
                                        {{--公关活动是深谙策略之道的自我展示，我们把“创意”“事件”“流量”落点在企业品牌形象之上，让品牌及营销更具影响力。--}}
                                    </div>
                                </div>
                            </div></a>
                        <a href="/case?type=25"><div class="x_brand_cons">
                                <img src="/image/home/class/bh_8.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>县域经济</span><br>
                                        {{--公关活动是深谙策略之道的自我展示，我们把“创意”“事件”“流量”落点在企业品牌形象之上，让品牌及营销更具影响力。--}}
                                    </div>
                                </div>
                            </div></a>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="x_creative">
            <div class="x_brand_content">
                <div class="x_brand_top">
                    <div class="x_brand_top_left">
                        <div class="x_brand_tit">CREATIVE</div>
                        <div class="x_brand_tit1">Design</div>
                        <div class="x_brand_tit2">{{ $productCate[1]['name'] }}</div>
                        <div class="x_brand_tit3">从顶层设计品牌，从底层打造产品，<br>让所有企业都能享受最好的创意服务！</div>
                    </div>
                    <div class="x_brand_top_right">
                        <img src="/image/home/class/cbig.jpg">
                    </div>
                </div>
                <div class="x_brand_xia">
                    <div class="x_brand_xia_title">
                        <div class="x_brand_xia_title_left">
                            @foreach($productCate[1]['underling'] as $s=> $second)
                                @if(count($productCate[1]['underling']) == $s+1)
                                    <a href="/case?type={{ $second['id'] }}" style="color: #444">{{ $second['name'] }}</a>
                                @else
                                    <a href="/case?type={{ $second['id'] }}" style="color: #444">{{ $second['name'] }}</a> /
                                @endif
                            @endforeach
                            {{--品牌设计 / 包装设计 / UI设计 / SI设计 / 景观设计 / 工业设计--}}
                        </div>
                        <a href="/service#C"><div class="x_more">
                                查看更多 >
                            </div></a>
                    </div>
                    <div class="x_brand_xia_con">
                        {{--@foreach($productCate[1]['underling'] as $s=> $second)--}}
                            {{--@if($s <6)--}}
                            {{--<a href="/case?type={{ $second['id'] }}"><div class="x_brand_cons">--}}
                                    {{--<img src="/image/home/caseTwo/con1.jpg" />--}}
                                    {{--<div class="x_mores">查看更多 →</div>--}}
                                    {{--<div class="x_brand_cons_con">--}}
                                        {{--<div class="x_brand_cons_des">--}}
                                            {{--<span>{{ $second['name'] }}</span><br>--}}
                                            {{--品牌全案策划品牌全案策划品牌全案策划--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div></a>--}}
                            {{--@endif--}}
                        {{--@endforeach--}}
                        <a href="/case?type=12"><div class="x_brand_cons">
                                <img src="/image/home/class/ch_1.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>LOGO/VI设计</span><br>
                                        {{--为企业制定全套的VI品牌系统规划，完善延伸细节，提高品牌忠诚转化值和品牌附加值。--}}
                                    </div>
                                </div>
                            </div></a>
                        <a href="/case?type=13"><div class="x_brand_cons">
                                <img src="/image/home/class/ch_2.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>包装设计</span><br>
                                        {{--综合运用平面设计与结构设计理论，融合广告、设计、材料、营销、包装、储运等多个相关领域综合理论知识，深化产品实物成型细节，针对投放市场产品做第一步准备。--}}
                                    </div>
                                </div>
                            </div></a>
                        <a href="/case?type=14"><div class="x_brand_cons">
                                <img src="/image/home/class/ch_3.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>UI设计</span><br>
                                        {{--将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。从而增加客户好感度。--}}
                                    </div>
                                </div>
                            </div></a>
                        <a href="/case?type=15"><div class="x_brand_cons">
                                <img src="/image/home/class/ch_4.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>SI设计</span><br>
                                        {{--兼顾空间及美学、消费心理等多维层面，在品牌视觉识别的基础上延伸应用。--}}
                                    </div>
                                </div>
                            </div></a>
                        <a href="/case?type=16"><div class="x_brand_cons">
                                <img src="/image/home/class/ch_5.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>景观设计</span><br>
                                        {{--无论是城市景观设计、还是旅游度假区的风景区域规划设计，都隐藏着该空间本身DNA，成熟运用风景园林的造园方法、设计原理、对园林或城市进行整体规划与设计，打造和谐生态的空间诉求。--}}
                                    </div>
                                </div>
                            </div></a>
                        <a href="/case?type=18"><div class="x_brand_cons">
                                <img src="/image/home/class/ch_6.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>工业设计</span><br>
                                        {{--通过工业批量产品设计，引导创新、促发商业成功及提供更好质量的生活，将策略性解决问题的过程应用于产品、系统、服务及体验的设计活动。--}}
                                    </div>
                                </div>
                            </div></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="x_integration">
            <div class="x_brand_content">
                <div class="x_brand_top">
                    <div class="x_brand_top_left">
                        <div class="x_brand_tit">SPREAD</div>
                        <div class="x_brand_tit1">Execution</div>
                        <div class="x_brand_tit2">{{ $productCate[2]['name'] }}</div>
                        <div class="x_brand_tit3">围绕客户需求、品牌需求、市场需求，<br>让创意更落地，打造营销创意全面解决方案！</div>
                    </div>
                    <div class="x_brand_top_right">
                        <img src="/image/home/class/ibig.jpg">
                    </div>
                </div>
                <div class="x_brand_xia">
                    <div class="x_brand_xia_title">
                        <div class="x_brand_xia_title_left">
                            @foreach($productCate[2]['underling'] as $t=> $three)
                                @if(count($productCate[2]['underling']) == $t+1)
                                    <a href="/case?type={{ $three['id'] }}" style="color: #444">{{ $three['name'] }}</a>
                                @else
                                    <a href="/case?type={{ $three['id'] }}" style="color: #444">{{ $three['name'] }}</a> /
                                @endif
                            @endforeach
                            {{--网站开发建设 / 物料印刷 / 创意视频 / 微信后台开发 / APP后台开发--}}
                        </div>
                        <a href="http://case.vipyidian.com/" style="margin-left: 30px " target="_blank"><span style="color: #FF5A00">成品网站选购平台</span></a>
                        <a href="/service#S"><div class="x_more">
                                查看更多 >
                            </div>
                        </a>
                    </div>
                    <div class="x_brand_xia_con">

                        {{--@foreach($productCate[2]['underling'] as $t=> $three)--}}
                            {{--@if( $t<6)--}}
                                {{--<a href="/case?type={{ $three['id'] }}"><div class="x_brand_cons">--}}
                                        {{--<img src="/image/home/caseTwo/con1.jpg" />--}}
                                        {{--<div class="x_mores">查看更多 →</div>--}}
                                        {{--<div class="x_brand_cons_con">--}}
                                            {{--<div class="x_brand_cons_des">--}}
                                                {{--<span>{{ $three['name'] }}</span><br>--}}
                                                {{--品牌全案策划品牌全案策划品牌全案策划--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div></a>--}}
                            {{--@endif--}}
                        {{--@endforeach--}}
                        <a href="/case?type=19"><div class="x_brand_cons">
                                <img src="/image/home/class/ih_1.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>网站开发建设</span><br>
                                        {{--制作企业官网，铸造网上第一印象，为企业与消费者之间提供了一种新型的商务互动模式。--}}
                                    </div>
                                </div>
                            </div></a>
                        <a href="/case?type=20"><div class="x_brand_cons">
                                <img src="/image/home/class/ih_2.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>物料印刷</span><br>
                                        {{--采用最新、最环保的印刷技术与纸张品质，呈现出最好的创意表达。--}}
                                    </div>
                                </div>
                            </div></a>
                        <a href="/case?type=21"><div class="x_brand_cons">
                                <img src="/image/home/class/ih_3.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>创意视频</span><br>
                                        {{--将品牌故事融入创意，并与品牌调性相吻合，突出创意性，以不同的表达方式，表现品牌故事性产生品牌联想，让创意实现生产力。--}}
                                    </div>
                                </div>
                            </div></a>
                        <a href="/case?type=22"><div class="x_brand_cons">
                                <img src="/image/home/class/ih_4.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>APP后台开发</span><br>
                                        {{--深度挖掘客户需求，建立无缝互联网pc端与移动端资讯/电商平台，全方位覆盖目标客户。后台大数据整合分析CRM数据模型。--}}
                                    </div>
                                </div>
                            </div></a>
                        <a href="/case?type=23"><div class="x_brand_cons">
                                <img src="/image/home/class/ih_5.jpg" />
                                <div class="x_mores">查看更多 →</div>
                                <div class="x_brand_cons_con">
                                    <div class="x_brand_cons_des">
                                        <span>微信后台开发</span><br>
                                        {{--致力于微信后台一站式全生态智慧解决方案，构建专属于微信的社会化分销平台，从后台研发、营销策划、产品设计、文案推广等全方位系统性提供确有价值的策略方案。--}}
                                    </div>

                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <script>
            $(function(){
                $(".x_brand_cons").hover(
                        function(){
                            $(this).children(".x_mores").css("display","block");
                            $(this).children(".x_brand_cons_con").css("top","-86px");
                        },
                        function(){
                            $(this).children(".x_mores").css("display","none");
                            $(this).children(".x_brand_cons_con").css("top","-54px");
                        }
                );
                //轮播图链接
                $("#y_slideT1").click(function(){
                    window.open("{{$slide[0]->url}}");
                });
                $("#y_slideT2").click(function(){
                    window.open("{{$slide[1]->url}}");
                });
                $("#y_slideT3").click(function(){
                    window.open("{{$slide[2]->url}}");
                });
                $("#y_slideT4").click(function(){
                    window.open("{{$slide[3]->url}}");
                });
                $("#y_slideT5").click(function(){
                    window.open("{{$slide[4]->url}}");
                });
                $("#y_slideT6").click(function(){
                    window.open("{{$slide[5]->url}}");
                });
                $("#y_slideT7").click(function(){
                    window.open("{{$slide[6]->url}}");
                });
            });
        </script>
        <!-- 新闻 -->
        <div class="h_container">
            <div class="h_part">
                <div class="h_part2">
                    <div class="h_part2_block1">
                        <div class="h_part2_title">NEWS</div>
                        <div class="h_part2_sub">Yipoint</div>
                        <div class="h_part2_content">艺点动态</div>
                        <a href="/article"><div class="h_part2_more">查看更多 <img src="/image/home/h_yjt.png" /></div></a>
                    </div>

                    <img class="h_part2_block2" src="/image/home/h_img1.png" />
                    <div class="h_part2_block3">
                        <a href="/article/{{$news[0]->id}}"><img src="/upload/{{$news[0]->file}}" />
                        <div class="h_black">{{$news[0]->title}} </div></a>
                    </div>
                    <div class="h_part2_block0">
                        <div class="h_part2_block4">
                            <div class="h_part2_block4_img">
                                <a href="/article/{{$news[1]->id}}"><img src="/upload/{{$news[1]->file}}" /></a>
                            </div>
                            <div class="h_part2_block4_li">
                                <a href="/article/{{$news[1]->id}}"><p class="h_p1">{{$news[1]->title}}</p></a>
                                <p class="h_p2">{{$news[1]->description}}</p>
                                <hr class="h_hr" />
                                <span class="h_li_day">{{$news[1]->create_time}}</span>
                                <a class="h_part2_more1" href="/article/{{$news[1]->id}}">查看更多 <img src="/image/home/h_yjt.png" /></a>
                            </div>
                        </div>

                        <div class="h_part2_block4">
                            <div class="h_part2_block4_img">
                                <a href="/article/{{$news[2]->id}}"><img src="/upload/{{$news[2]->file}}" /></a>
                            </div>
                            <div class="h_part2_block4_li">
                                <a href="/article/{{$news[2]->id}}"><p class="h_p1">{{$news[2]->title}}</p></a>
                                <p class="h_p2">{{$news[2]->description}}</p>
                                <hr class="h_hr" />
                                <span class="h_li_day">{{$news[2]->create_time}}</span>
                                <a class="h_part2_more1" href="/article/{{$news[2]->id}}">查看更多 <img src="/image/home/h_yjt.png" /></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 联系 -->
        <div class="h_container1">
            <div class="h_part" style="background-color: #f5f5f5;">
                <div class="h_box1">
                    <div class="h_box_title">TELEPHONE</div>
                    <div class="h_box_sub">Counseling</div>
                    <div class="h_box_content">电话咨询</div>
                    <div class="h_box_left">
                        <div class="h_box_people"><img src="/image/home/h_img5.png"></div>
                        <div class="h_box_text">别再犹豫，立即致电</div>
                        <div class="h_box_number">400-688-1314</div>
                        <div class="h_box_time">周一至周日（09:00 — 21:00）</div>
                        {{--<div class="h_box_time">周六至周日（09:00 —— 18:00）</div>--}}
                    </div>
                </div>
                <div class="h_box1">
                    <div class="h_box_title2">ONLINE</div>
                    <div class="h_box_sub2">Consulting</div>
                    <div class="h_box_content2">在线咨询</div>
                    <div class="h_box_righ">
                        <div class="h_box_people2"><img src="/image/home/h_img4.png"></div>
                        <div class="h_box_text">项目顾问 - 立即沟通</div>
                        <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2880644294&amp;site=qq&amp;menu=yes" target="_blank"><div class="h_button">点击咨询</div></a>
                        {{--<div class="h_box_p">立刻获得专业建议</div>--}}

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection